<!-- 组件结构-->
<template>
    <div class="demo">                                                              
        <h2>学校名称：{{name}}</h2>                                    
        <h2>学校地址：{{address}}</h2>                                 
    <button @click='getSchoolName'>点我获取学校名称</button>     
</div>                                                             

</template>

<script>
    // 组件交互代码（数据、方法等）
    // 默认暴露，且使用 定义组件的简写方式（对象方式）
   export default {
    name:'School',
    data(){
        return {
            name:'科泰',
            address:'湖南长沙',
        }
    },
    methods:{
        getSchoolName(){
            alert(this.name)
        }
    }
  }
</script>

<style>
    /* 组件的样式 */

</style>
